/* CSS Document */
body{
	background-image:url(../images/u551.jpg);	
	background-repeat:no-repeat;
	background-size:cover;
	
}

#player1{
	position:absolute;
	float:left;
	width:10%;
	height:10%;
	margin:10px;
}
#computer{
	position:absolute;
	left:80%;
	width:10%;
	height:10%;
	margin:10px;
}
#chessboard{
	position: absolute;
	top:5%;
	left:20%;
	right:20%;
	height:75%;
	text-align:center;
}
#function{
	text-align: center;
	position: absolute;
	top: 380px;
	left: 113px;
	right: 20%;
	text-align: center;	
}
#start{

  width:114px;
  height:36px;
  background:inherit;
  background-color:rgba(0, 204, 255, 0.2);
  border:none;
  border-radius:5px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-size:20px;
  color:#FFF;
}
#huiqi{

  width:114px;
  height:36px;
  background:inherit;
  background-color:rgba(0, 204, 255, 0.2);
  border:none;
  border-radius:5px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-size:20px;
  color:#FFF;
}
#shezhi{

  width:114px;
  height:36px;
  background:inherit;
  background-color:rgba(0, 204, 255, 0.2);
  border:none;
  border-radius:5px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-size:20px;
  color:#FFF;
}
 #blanks{
	display:none;
	width:100%;
	height:110%;
	position:absolute;
	top:0;
	background-color:#ccc;
	z-index:1000;
	-moz-opacity: 0.7; 
	opacity:.70; 
	filter: alpha(opacity=70);
 }
  #sett{
	display:none;
	background-color:#FFF;
	position:absolute;
	top:20%;
	height:20%;
	width:20%;
	left:40%;
	z-index:1001;
	text-align:center;
}
#sett em{
	color:#F00;
}
#btsett{
	position:absolute;
	left:93%;
	top:0%;
	z-index:5;
}
#status{
	font-size:20px;
	color:#FFF;
}